<template>
  <div class='second-menu'>
    <p class="title" v-show="this.realTitle">{{realTitle}}</p>

    <SecondMenu class="menu" :listData="getListData"></SecondMenu>
  </div>
</template>
<script>
import SecondMenu from '../../common/secondMenu.vue'
export default {
  props:["listData","title"],
  components: {SecondMenu},
  name: "",
  data() {
    return {
      realTitle:""
    };
  },
  computed:{
    getListData(){
      this.realTitle=this.title||"暂时没有标题"
      return this.listData||[]
    }
  },
  methods: {},
  created() {}
};
</script>
<style lang="scss" scoped>
.second-menu {

  .title{
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #f2f2f2;
    padding: 0 15px;
  }
  .menu{
    padding: 0 15px;
  }
}
</style>